<template>
  <div class="banber-box">
    <!-- <div class="aliaba-design-box">
      <img src="https://gw.alicdn.com/tfs/TB1VI3WHkzoK1RjSZFlXXai4VXa-340-48.png">
    </div> -->
    <div @click="login()" class="state-box">
      <img src="https://img.alicdn.com/tfs/TB18Kh0I4TpK1RjSZFMXXbG_VXa-52-52.png">
    </div>
    <div class="ticketIntroduce-tit">
      票品介绍
    </div>
    <!-- <img src="https://gw.alicdn.com/tfs/TB1ExhcHxnaK1RjSZFBXXcW7VXa-1392-800.png"> -->
    <!-- <div @click="$store.state.buyTicket.ifShowTicketKnow=!$store.state.buyTicket.ifShowTicketKnow" class="banner-tit">
      {{$store.state.buyTicket.ifShowTicketKnow?'票品介绍':'购票须知'}}
    </div> -->
  </div>
</template>
<script>
export default {
  methods: {
    login() {
      this.$router.push({
        name: "profile"
      });
    }
  }
};
</script>

<style scoped>
.banber-box {
  width: 100%;
  height: auto;
  min-height: 100px;
  overflow: hidden;
  position: relative;
  padding: 0px 16px;
}
.banber-box > img {
  width: 100%;
  height: auto;
  float: left;
}
.aliaba-design-box {
  position: absolute;
  left: 30px;
  top: 30px;
  width: 170px;
}
.aliaba-design-box > img {
  display: block;
  width: 100%;
}
.state-box {
  position: absolute;
  right: 38px;
  top: 30px;
  width: 50px;
  height: 50px;
  display: block;
  cursor: pointer;
}
.state-box > img {
  width: 100%;
  display: block;
}
.banner-tit {
  position: absolute;
  right: 7%;
  bottom: 50px;
  width: auto;
  height: 0px;
  opacity: 0.4;
  /* font-family: PingFangSC-Regular; */
  font-size: 22px;
  color: #eeeeee;
  cursor: pointer;
}
.ticketIntroduce-tit {
  width: 100%;
  height: auto;
  /* font-family: PingFangSC-Regular; */
  font-size: 32px;
  color: #eeeeee;
  text-align: center;
  padding: 36px 16px 22px 16px;
}
</style>
